<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/details.css" />
    <script src="./js/jquery-1.12.4.min.js"></script>
    <script src="./js/details.js"></script>
  </head>
  <body>
    <!-- 顶部导航 -->
    <div class="nav_top">
      <div class="nav">
        <ul class="nav1">
          <li>
            <a href=""><span class="collect"></span>收藏花礼网(hua.com)</a>
          </li>
          <li class="wx">
            <a href=""><span class="attention"></span>关注微信</a>
            <div>
              <img src="./images/wxguanjia_qrcode.png" alt="" />
              <p>扫码关注<br />回复"礼物"更多惊喜！</p>
            </div>
          </li>
          <li class="hwapp">
            <a href=""><span class="app"></span>花礼网app</a>
            <div>
              <img src="./images/app_download_qrcode_2021.png" alt="" />
              <p>新人专享100元APP礼包</p>
            </div>
          </li>
        </ul>

        <ul class="nav2">
          <li><a href="./login.html">你好，请登录</a></li>
          <li><a href="./register.html">注册</a></li>
          <li><a href="#">订单信息</a></li>
          <li class="serve">
            <a href="">客户服务<span class="kf"></span></a>
            <div>
              <a href="javascript:viod(0)">在线付款</a>
              <a href="javascript:viod(0)">帮助中心</a>
              <a href="javascript:viod(0)">售后服务</a>
              <a href="javascript:viod(0)">配送范围</a>
              <a href="javascript:viod(0)">留言反馈</a>
            </div>
          </li>
          <li>
            <a href="">购物车<span class="gwcCount">(0)</span></a>
          </li>
          <li><a href="0"> 鲜花礼品网:国内领先鲜花网品牌 </a></li>
        </ul>
      </div>
    </div>
    <!-- 头部 -->
    <div class="header_top">
      <div class="header">
        <!-- logo -->
        <div class="hea_logo">
          <a href="#"></a>
        </div>
        <!-- 搜索 -->
        <div class="hea_search">
          <form>
            <div class="form_con">
              <div class="sea_img">
                <span></span>
              </div>
              <input type="text" placeholder="商品搜索" />
              <button>搜索</button>
            </div>
          </form>
          <div class="hea_list">
            <a href="#">红玫瑰</a>
            <a href="#">永生花</a>
            <a href="#">生日鲜花</a>
            <a href="#">礼品卡</a>
          </div>
        </div>
        <!-- 电话服务 -->
        <div class="hea_serve">
          <div class="phone">
            <span></span>
            <div>400-889-8188</div>
          </div>
          <div class="service">
            <span></span>
            <div><a href="#">在线客服</a></div>
          </div>
        </div>
      </div>
    </div>
    <!-- 商品导航栏 -->
    <div class="nav_goods">
      <div class="nav_goo">
        <div class="nav_classify">
          <h3>
            <span></span>
            <a href="javascript:void(0)">所有分类</a>
          </h3>
        </div>
        <ul class="nav_classify_list">
          <li><a href="./index.html">首页</a></li>
          <li><a href="javascript:void(0)">鲜花</a></li>
          <li><a href="javascript:void(0)">永生花</a></li>
          <li><a href="javascript:void(0)">蛋糕</a></li>
          <li><a href="javascript:void(0)">礼品</a></li>
          <li><a href="javascript:void(0)">巧克力</a></li>
          <li><a href="javascript:void(0)">花语大全</a></li>
          <li><a href="javascript:void(0)">企业团购</a></li>
          <li><a href="javascript:void(0)">设计师臻选</a></li>
        </ul>
      </div>
    </div>
    <!-- 导航 -->
    <div class="crumbWrap">
      <div class="crumb">
        <a href="./index.html">首页</a> >
        <a href="./index.html">鲜花</a>
        > 韩式系列/公主的假日
      </div>
    </div>
    <!-- 商品信息 -->
    <div class="productWrap" style="margin-bottom: 50px">
      <div class="product-intro">
        <div class="product-preview">
          <div class="preview">
            <div class="preview-bigimage">
              <div class="swiper-container" id="productImg">
                <div class="swiper-wrapper">
                  <div class="smallswiper"></div>
                  <div class="swiper-slide newimg swiper-slide-active">
                    <img src="./images/img/01.jpg" />
                  </div>
                  <div class="swiper-slide">
                    <img src="./images/img/02.jpg" />
                  </div>
                  <div class="swiper-slide">
                    <img src="./images/img/03.jpg" />
                  </div>
                  <div class="swiper-slide">
                    <img src="./images/img/04.jpg" />
                  </div>
                </div>
              </div>
            </div>
            <div class="preview-list clearfix" id="swiperController">
              <div class="preview-list-item newimg active">
                <img src="./images/img/01.jpg" />
              </div>
              <div class="preview-list-item">
                <img src="./images/img/02.jpg" />
              </div>
              <div class="preview-list-item">
                <img src="./images/img/03.jpg" />
              </div>
              <div class="preview-list-item">
                <img src="./images/img/04.jpg" />
              </div>
            </div>
          </div>
        </div>
        <div class="bigswiper">
          <img src="./images/img/01.jpg" />
        </div>
        <div class="product-info">
          <div class="product-info-area">
            <div class="title">
              <p class="title-name">韩式系列/公主的假日</p>
              <div class="title-li">
                <span class="title-point">[甜美的公主，今夜你最美]</span>
                <span class="title-desc"
                  >粉玫瑰11枝、白色洋桔梗5枝、大叶尤加利10枝</span
                >
              </div>
            </div>
            <div class="price">
              <div class="price-item">
                <span class="price-label" style="vertical-align: bottom"
                  >售价</span
                >
                <div class="price-box">
                  <span class="sell-price" id="sellPrice" style="opacity: 1"
                    >239</span
                  >
                  <div class="discount-tag-list"></div>
                  <span class="original-price"
                    >市场价<span class="s-price" id="originalPrice"
                      >￥345</span
                    ></span
                  >
                </div>
                <div class="sale-count">已售<span>1.07万</span>件</div>
                <div style="padding-left: 80px; margin-top: 6px">
                  <div class="discounts">
                    <div class="discounts-title">
                      <span class="middle">手机专享价</span>
                      <span id="wxappPrice">￥234</span>
                    </div>
                  </div>
                  <div class="bought-code">
                    <span class="bought-code-icon"></span>
                    <span class="middle">去App购买</span>
                  </div>
                  <div class="bought-code">
                    <span class="bought-code-icon"></span>
                    <span class="middle">去微信购买</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="huayu">
              <div class="huayu-item">
                <span class="huayu-label">花语</span>
                <p class="huayu-content">
                  娇羞的粉色戴安娜玫瑰与清新的白色洋桔梗，经过花艺师之手赋予了爱的意义，将这份藏于心底的爱，包裹在粉色中幸会，今晚你好吗？今夜的美妙愿你永远记住，你是我心中最甜美的公主!
                </p>
              </div>
              <div class="huayu-item">
                <span class="huayu-label">材料</span>
                <p class="huayu-content">
                  韩式花束系列：戴安娜粉玫瑰11枝、3头或以上白色洋桔梗5枝、大叶尤加利10枝
                </p>
              </div>
              <div class="huayu-item">
                <span class="huayu-label">包装</span>
                <p class="huayu-content">
                  嫣粉/玫粉色欧雅纸6张、白色OPP雾面纸3张、樱花粉色罗纹烫金丝带2米
                </p>
              </div>
            </div>
            <div class="delivery">
              <div class="delivery-item delivery-range">
                <span class="delivery-label">配送说明</span>
                <div class="delivery-content delivery-range-detail">
                  <p>全国(小城市请提前一天预定)</p>
                  <span class="icon icon-arrow"></span>
                </div>
              </div>
              <div class="delivery-item sku-product">
                <span class="delivery-label">选择</span>
                <div class="sku-list">
                  <div class="sku-box">
                    <img src="./images/img/01.jpg" alt="" />
                    <span class="sku-name">韩式/公主的假日</span>
                    <span class="icon icon-chosen"></span>
                    <i class="sku-border-top"></i>
                    <i class="sku-border-right"></i>
                    <i class="sku-border-bottom"></i>
                    <i class="sku-border-left"></i>
                  </div>
                </div>
              </div>
            </div>
            <div class="btn-group">
              <a
                id="btnAddcart"
                class="btn-group-item btn-addcart"
                href="./cart.html"
                ><span class="icon icon-addcartbtn"></span>加入购物车</a
              >
              <a
                id="btnSoonbuy"
                class="btn-group-item btn-soonbuy"
                href="javascript:viod(0)"
                >立即购买</a
              >
              <div class="btn-group-guanzhu">
                <a id="btnGuanzhu" href="javascript:DoGuanZhu('9012451')">
                  <span class="icon icon-collect"></span>
                  收藏商品
                </a>
              </div>
            </div>
            <div id="ajax_pricebox"></div>
          </div>
        </div>
      </div>
    </div>

    <!-- 尾部 -->
    <div class="footer">
      <div class="ft-container">
        <!-- 尾部导航 -->
        <div class="ft-nav">
          <a href="javascript:viod(0)">首页</a>
          <a href="javascript:viod(0)">关于我们</a>
          <a href="javascript:viod(0)">媒体报道</a>
          <a class="phone-400" style="display: none" href="javascript:viod(0)"
            >联系方式</a
          >
          <a href="javascript:viod(0)">企业团购</a>
          <a href="javascript:viod(0)">花店入驻</a>
          <a href="javascript:viod(0)">友情链接</a>
          <a href="javascript:viod(0)">在线补款</a>
          <a href="javascript:viod(0)">为什么选择花礼网</a>
        </div>
        <!-- 尾部证书 -->
        <div class="ft-site">
          <p>
            <a href="javascript:viod(0)" title="中国花卉协会会员"
              >中国花卉协会会员</a
            >
            <a href="javascript:viod(0)">中国电子商务协会会员</a>
            ICP经营许可证：<a>粤B2-20050744</a>
            <a href="javascript:viod(0)">粤ICP备09171662号</a>
            <span class="icon icon-beian"></span>粤公网安备44030502000373号
            Copyright © 2005-2020
          </p>
          <p>
            花礼网
            <a href="/">www.hua.com</a>
            中国领先的鲜花礼品网，品牌鲜花网服务，鲜花速递专家！
          </p>
          <div class="ft-auth">
            <span class="icon icon-slogan"></span>
            <a href="javascript:viod(0)">
              <span class="icon icon-top100"></span>
            </a>
            <a href="javascript:viod(0)"><span class="icon icon-icp"></span></a>
            <div class="ft-auth-border">
              <a href="javascript:viod(0)">
                <img
                  src="https://szcert.ebs.org.cn/Images/govIcon.gif"
                  alt=""
                />
              </a>
            </div>
          </div>
        </div>
        <!-- 友情链接 -->
        <div class="ft-link">
          <span>友链</span>
          <a href="http://www.chinaname.cn/" target="_blank">中华取名网</a>
          <a href="http://sz.fang.com/" target="_blank">深圳房产网</a>
          <a href="http://www.juanpi.com" target="_blank">卷皮网</a>
          <a href="http://www.wbiao.cn" target="_blank">腕表</a>

          <a href="http://www.yuanlin365.com/" target="_blank">苗木</a>
          <a href="http://www.zocai.com/" target="_blank">佐卡伊珠宝网</a>
          <a href="http://www.blove.com/" target="_blank">钻石婚戒定制</a>

          <a href="http://www.iyijiao.com/" target="_blank">青少年艺术教育网</a>

          <a href="http://www.dog126.com/" target="_blank">淘狗网</a>
          <a href="http://www.liwuyou.com/" target="_blank">礼无忧网</a>
          <a href="http://www.goupuzi.com/" target="_blank">宠物狗</a>
          <a href="http://www.jiyouwang.com/" target="_blank">机友网</a>
          <a href="http://www.cocodiy.com/" target="_blank">礼物网</a>

          <a href="http://www.ipo3.com/" target="_blank">新三板</a>
          <a href="http://www.huoming.com/" target="_blank">商标注册</a>
          <a href="http://www.loho88.com" target="_blank">眼镜店</a>
        </div>
      </div>
    </div>

    <!-- 客服咨询 -->
    <div class="consultWrap">
      <div class="consult">
        <div class="consult_con">
          <div class="consult_img"><span></span></div>
          <div class="consult_txt">客服咨询</div>
        </div>
      </div>
    </div>
  </body>
</html>
<script src="./js/goodsInfo.js"></script>
